<template>
    <up-popup mode="center" round="10" :show="show" :safeAreaInsetBottom="false" @close="close">
        <view class="_erneuern">
            <view class="_erneuern-box">
                <text class="txt">尊敬的客户您好</text>
                <text class="txt">您租用的物品即将到期，请您</text>
                <text class="txt">{{ lease.merchantName }}，{{ lease.goodsName }}{{ lease.quantity }}个，租金{{ lease.totalPrice }}元</text>
                <text class="txt">请在本月底完成续费</text>
                <text class="txt">逾期将会产生滞纳金，谢谢</text>
            </view>
            <view class="_erneuern-btn">
                <up-button type="primary" :plain="true" text="续费" @click="linkto('/pages/order/zahlen')"></up-button>
            </view>
        </view>
    </up-popup>
</template>

<script setup>
import { linkto } from '@/utils/util.js'

defineProps({
    show: {
        type: Boolean,
        default: false
    },
    lease: {
        type: Object,
        default: () => {}
    }
})

const emit = defineEmits(['close'])

const close = () => {
    emit('close')
}
</script>

<style lang="scss" scoped>
._erneuern {
    width: 670rpx;
    padding: 80rpx 40rpx;
    .txt {
        font-size: 28rpx;
        line-height: 48rpx;
        text-align: center;
    }
    &-btn {
        padding-top: 40rpx;
    }
}
</style>